<template>
  <div class='wrap'>
    <div class='container w'>
      <div class="max-pic">
        <el-image style="width: 400px; height: 400px" src="url"  fit="fit"></el-image>
      </div>
      <ul class="min-pic">
        <li v-for="item in 6" :key="item"><el-image style="width: 56px; height: 56px" src="url"  fit="fit" ></el-image></li>
      </ul>
    </div>
   </div>
</template>

<script>
  export default {
    name: 'Preview',
    components: {},
    data() {
      return {
      };
    },
    created() {},
    methods: {}, 
  };
</script>
<style lang="scss" scoped>

.max-pic {
  width: 400px;
  height: 400px;
  border:1px solid #ccc;
  overflow: hidden;
}
.min-pic{
  display:flex;
  justify-content: space-between;
  width: 400px;
  // border:1px solid #ccc;
}
</style>